<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索区</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
    <link href="../style/style.css" rel="stylesheet">
</head>
<body>
<!--
     员工姓名:            员工编号         部门
     性别                 职务
 -->
<div class="query">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-md-3">
                <div class="input-group">
                      <span class="input-group-addon">
                           员工姓名
                      </span>
                    <input class="form-control"/>
                </div>
            </div>
            <div class="col-md-3">
                <div class="input-group">
                      <span class="input-group-addon">
                           员工编号
                      </span>
                    <input class="form-control"/>
                </div>
            </div>
            <div class="col-md-6">
                <label class="control-label col-md-2">
                    部门
                </label>
                <div class="col-md-4">
                    <select class="form-control">
                        <option>--所有部门---</option>
                        <option>人事部</option>
                        <option>财务部</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <select class="form-control">
                        <option>--所有部门---</option>
                        <option>人事部</option>
                        <option>财务部</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-3">
                <label class="col-md-4">
                    性别
                </label>
                <div class="col-md-8">
                    <label class="radio-inline">
                        <input id="inlineRadio2" name="inlineRadioOptions" type="radio" value="option2"> 2
                    </label>
                    <label class="radio-inline">
                        <input id="inlineRadio3" name="inlineRadioOptions" type="radio" value="option3"> 3
                    </label>
                </div>
            </div>
            <div class="col-md-3">
                <div class="input-group">
                      <span class="input-group-addon">
                           职务
                      </span>
                    <select class="form-control">
                        <option>--所有职务---</option>
                        <option>人事部</option>
                        <option>财务部</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                col-md-4
            </div>
        </div>
    </form>
</div>

</body>
</html>
